<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <!-- Required Stylesheets -->
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/text.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/fonts/ptsans/stylesheet.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/fluid.css" media="screen"/>

    <link rel="stylesheet" type="text/css" href="css/mws.style.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/icons/icons.css" media="screen"/>

    <!-- Demo and Plugin Stylesheets -->
    <link rel="stylesheet" type="text/css" href="css/demo.css" media="screen"/>

    <link rel="stylesheet" type="text/css" href="plugins/colorpicker/colorpicker.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/jimgareaselect/css/imgareaselect-default.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/fullcalendar/fullcalendar.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/fullcalendar/fullcalendar.print.css" media="print"/>
    <link rel="stylesheet" type="text/css" href="plugins/tipsy/tipsy.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/sourcerer/Sourcerer-1.2.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/jgrowl/jquery.jgrowl.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/spinner/spinner.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/jui/jquery.ui.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="plugins/timepicker/jquery-ui-timepicker-addon.css"/>

    <!-- Theme Stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/mws.theme.css" media="screen"/>

    <!-- JavaScript Plugins -->

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

    <script type="text/javascript" src="plugins/jimgareaselect/jquery.imgareaselect.min.js"></script>
    <script type="text/javascript" src="plugins/jquery.dualListBox-1.3.min.js"></script>
    <script type="text/javascript" src="plugins/jgrowl/jquery.jgrowl.js"></script>
    <script type="text/javascript" src="plugins/jquery.filestyle.js"></script>
    <script type="text/javascript" src="plugins/fullcalendar/fullcalendar.min.js"></script>
    <script type="text/javascript" src="plugins/jquery.dataTables.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="plugins/flot/excanvas.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="plugins/flot/jquery.flot.min.js"></script>
    <script type="text/javascript" src="plugins/flot/jquery.flot.pie.min.js"></script>
    <script type="text/javascript" src="plugins/flot/jquery.flot.stack.min.js"></script>
    <script type="text/javascript" src="plugins/flot/jquery.flot.resize.min.js"></script>
    <script type="text/javascript" src="plugins/colorpicker/colorpicker.js"></script>
    <script type="text/javascript" src="plugins/tipsy/jquery.tipsy.js"></script>
    <script type="text/javascript" src="plugins/sourcerer/Sourcerer-1.2.js"></script>
    <script type="text/javascript" src="plugins/jquery.placeholder.js"></script>
    <script type="text/javascript" src="plugins/jquery.validate.js"></script>
    <script type="text/javascript" src="plugins/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="plugins/spinner/ui.spinner.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/globalSettings.js"></script>
    <script type="text/javascript" src="plugins/timepicker/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="plugins/timepicker/jquery-ui-sliderAccess.js"></script>

    <script type="text/javascript" src="js/mws.js"></script>
    <script type="text/javascript" src="js/demo.js"></script>
    <script type="text/javascript" src="js/themer.js"></script>

    <script type="text/javascript" src="js/demo.dashboard.js"></script>
</head>
<body>
<!-- Themer -->
<div id="mws-themer">
    <div id="mws-themer-hide"></div>
    <div id="mws-themer-content">
        <div class="mws-themer-section">
            <label for="mws-theme-presets">Presets</label> <select id="mws-theme-presets"></select>
        </div>
        <div class="mws-themer-separator"></div>
        <div class="mws-themer-section">
            <ul>
                <li><span>Base Color</span>

                    <div id="mws-base-cp" class="mws-cp-trigger"></div>
                </li>
                <li><span>Text Color</span>

                    <div id="mws-text-cp" class="mws-cp-trigger"></div>
                </li>
                <li><span>Text Glow Color</span>

                    <div id="mws-textglow-cp" class="mws-cp-trigger"></div>
                </li>
            </ul>
        </div>
        <div class="mws-themer-separator"></div>
        <div class="mws-themer-section">
            <ul>
                <li><span>Text Glow Opacity</span>

                    <div id="mws-textglow-op"></div>
                </li>
            </ul>
        </div>
        <div class="mws-themer-separator"></div>
        <div class="mws-themer-section">
            <button class="mws-button red small" id="mws-themer-getcss">Get CSS</button>
        </div>
    </div>
    <div id="mws-themer-css-dialog">
        <div class="mws-form">
            <div class="mws-form-row" style="padding:0;">
                <div class="mws-form-item">
                    <textarea cols="auto" rows="auto" readonly="readonly"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Themer End -->


<!-- Header Wrapper -->
<div id="mws-header" class="clearfix">

    <!-- Logo Wrapper -->
    <div id="mws-logo-container">
        <div id="mws-logo-wrap">
            <img src="images/mws-logo.png" alt="mws admin"/>
        </div>
    </div>

    <!-- User Area Wrapper -->
    <div id="mws-user-tools" class="clearfix">

        <!-- User Notifications -->
        <div id="mws-user-notif" class="mws-dropdown-menu">
            <a href="#" class="mws-i-24 i-alert-2 mws-dropdown-trigger">Notifications</a>
            <span class="mws-dropdown-notif">35</span>

            <div class="mws-dropdown-box">
                <div class="mws-dropdown-content">
                    <ul class="mws-notifications">

                        <!-- Notification Content -->
                        <li class="read">
                            <a href="#">
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <li class="read">
                            <a href="#">
                                    <span class="message">
                                        Lorem ipsum dolor sit amet
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <li class="unread">
                            <a href="#">
                                    <span class="message">
                                        Lorem ipsum dolor sit amet
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <li class="unread">
                            <a href="#">
                                    <span class="message">
                                        Lorem ipsum dolor sit amet
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <!-- End Notification Content -->

                    </ul>
                    <div class="mws-dropdown-viewall">
                        <a href="#">View All Notifications</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- User Messages -->
        <div id="mws-user-message" class="mws-dropdown-menu">
            <a href="#" class="mws-i-24 i-message mws-dropdown-trigger">Messages</a>
            <span class="mws-dropdown-notif">35</span>

            <div class="mws-dropdown-box">
                <div class="mws-dropdown-content">
                    <ul class="mws-messages">

                        <!-- Message Content -->
                        <li class="read">
                            <a href="#">
                                <span class="sender">John Doe</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <li class="read">
                            <a href="#">
                                <span class="sender">John Doe</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <li class="unread">
                            <a href="#">
                                <span class="sender">John Doe</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <li class="unread">
                            <a href="#">
                                <span class="sender">John Doe</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet
                                    </span>
                                    <span class="time">
                                        January 21, 2012
                                    </span>
                            </a>
                        </li>
                        <!-- End Messages -->

                    </ul>
                    <div class="mws-dropdown-viewall">
                        <a href="#">View All Messages</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- User Functions -->
        <div id="mws-user-info" class="mws-inset">
            <div id="mws-user-photo">
                <img src="example/profile.jpg" alt="User Photo"/>
            </div>
            <div id="mws-user-functions">
                <div id="mws-username">
                    Hello, John Doe
                </div>
                <ul>
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Change Password</a></li>
                    <li><a href="index-2.html">Logout</a></li>
                </ul>
            </div>
        </div>
        <!-- End User Functions -->

    </div>
</div>

<!-- Main Wrapper -->
<div id="mws-wrapper">
    <!-- Necessary markup, do not remove -->
    <div id="mws-sidebar-stitch"></div>
    <div id="mws-sidebar-bg"></div>

    <!-- Sidebar Wrapper -->
    <div id="mws-sidebar">

        <!-- Search Box -->
        <div id="mws-searchbox" class="mws-inset">
            <form action="http://www.malijuwebshop.com/themes/mws-admin/dashboard.html">
                <input type="text" class="mws-search-input"/>
                <input type="submit" class="mws-search-submit"/>
            </form>
        </div>

        <!-- Main Navigation -->
        <div id="mws-navigation">
            <ul>
                <li class="active"><a href="dashboard.html" class="mws-i-24 i-home">Dashboard</a></li>
                <li><a href="charts.html" class="mws-i-24 i-chart">Charts</a></li>
                <li><a href="calendar.html" class="mws-i-24 i-day-calendar">Calendar</a></li>
                <li><a href="files.html" class="mws-i-24 i-file-cabinet">File Manager</a></li>
                <li><a href="table.html" class="mws-i-24 i-table-1">Table</a></li>
                <li>
                    <a href="#" class="mws-i-24 i-list">Forms</a>
                    <ul>
                        <li><a href="form_layouts.html">Layouts</a></li>
                        <li><a href="form_elements.html">Elements</a></li>
                    </ul>
                </li>
                <li><a href="widgets.html" class="mws-i-24 i-cog">Widgets</a></li>
                <li><a href="typography.html" class="mws-i-24 i-text-styling">Typography</a></li>
                <li><a href="grids.html" class="mws-i-24 i-blocks-images">Grids &amp; Panels</a></li>
                <li><a href="gallery.html" class="mws-i-24 i-polaroids">Gallery</a></li>
                <li><a href="error.html" class="mws-i-24 i-alert-2">Error Page</a></li>
                <li>
                    <a href="icons.html" class="mws-i-24 i-pacman">
                        Icons <span class="mws-nav-tooltip">2000+</span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- End Navigation -->

    </div>


    <!-- Container Wrapper -->
    <div id="mws-container" class="clearfix">

        <!-- Main Container -->
        <div class="container">
            <!-- 表格模板 -->
            <div class="mws-panel grid_8">
                <!-- 表格title -->
                <div class="mws-panel-header">
                    <span class="mws-i-24 i-table-1">表格模板包含分页，排序，工具栏的功能</span>
                </div>

                <!-- 工具栏 -->
                <div class="mws-panel-toolbar top clearfix">
                    <ul>
                        <li><a href="#" class="mws-ic-16 ic-accept">Accept</a></li>
                        <li><a href="#" class="mws-ic-16 ic-cross">Reject</a></li>
                        <li><a href="#" class="mws-ic-16 ic-printer">Print</a></li>
                        <li><a href="#" class="mws-ic-16 ic-arrow-refresh">Renew</a></li>
                        <li><a href="#" class="mws-ic-16 ic-edit">Update</a></li>
                    </ul>
                </div>

                <!-- 表格内容 -->
                <div class="mws-panel-body">
                    <table class="mws-datatable mws-table">
                        <thead>
                        <tr>
                            <th style="background-image: none;padding-left: 16px;"><input type="checkbox"/></th>
                            <th>Thead 1</th>
                            <th>Thead 2</th>
                            <th>Thead 3</th>
                            <th>Thead 4</th>
                        </tr>
                        </thead>
                    </table>
                </div>

            </div>

            <!-- 按钮模板 -->
            <div class="mws-panel grid_8">
                <div class="mws-panel-header">
                    <span>按钮模板</span>
                </div>
                <div class="mws-panel-body">
                    <div class="mws-panel-content">
                        <div style="margin-bottom:16px;">
                            <p style="margin:0;">Small Buttons</p>
                            <input type="button" value="Green" class="mws-button green small"/>
                            <input type="button" value="Red" class="mws-button red small"/>
                            <input type="button" value="Blue" class="mws-button blue small"/>
                            <input type="button" value="Gray" class="mws-button gray small"/>
                            <input type="button" value="Black" class="mws-button black small"/>
                            <input type="button" value="Orange" class="mws-button orange small"/>
                            <input type="button" value="Disabled" class="mws-button small" disabled="disabled"/>
                        </div>

                        <div style="margin-bottom:16px;">
                            <p style="margin:0;">Default Buttons</p>
                            <input type="button" value="Green" class="mws-button green"/>
                            <input type="button" value="Red" class="mws-button red"/>
                            <input type="button" value="Blue" class="mws-button blue"/>
                            <input type="button" value="Gray" class="mws-button gray"/>
                            <input type="button" value="Black" class="mws-button black"/>
                            <input type="button" value="Orange" class="mws-button orange"/>
                            <input type="button" value="Disabled" class="mws-button" disabled="disabled"/>
                        </div>

                        <div style="margin-bottom:16px;">
                            <p style="margin:0;">Large Buttons</p>
                            <input type="button" value="Green" class="mws-button green large"/>
                            <input type="button" value="Red" class="mws-button red large"/>
                            <input type="button" value="Blue" class="mws-button blue large"/>
                            <input type="button" value="Gray" class="mws-button gray large"/>
                            <input type="button" value="Black" class="mws-button black large"/>
                            <input type="button" value="Orange" class="mws-button orange large"/>
                            <input type="button" value="Disabled" class="mws-button large" disabled="disabled"/>
                        </div>

                        <div style="margin-bottom:16px;">
                            <p style="margin:0;">With Icons</p>
                            <input type="button" value="Green" class="mws-button green mws-i-24 i-android large"/>
                            <input type="button" value="Red" class="mws-button red mws-i-24 i-cog large"/>
                            <input type="button" value="Blue" class="mws-button blue mws-i-24 i-home large"/>
                            <input type="button" value="Gray" class="mws-button gray mws-i-24 i-books large"/>
                            <input type="button" value="Black" class="mws-button black mws-i-24 i-settings large"/>
                            <input type="button" value="Orange" class="mws-button orange mws-i-24 i-microphone large"/>
                            <input type="button" value="Disabled" class="mws-button mws-i-24 i-abacus large"
                                   disabled="disabled"/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="clear"></div>

            <!-- 日期输入框 -->
            <div class="mws-panel grid_4">
                <div class="mws-panel-header">
                    <span class="mws-i-24 i-month-calendar">Datepicker</span>
                </div>
                <div class="mws-panel-body">
                    <form class="mws-form" action="http://www.malijuwebshop.com/themes/mws-admin/widgets.html">
                        <div class="mws-form-inline">
                            <div class="mws-form-row">
                                <label>Basic Datepicker</label>
                                <div class="mws-form-item">
                                    <input type="text" class="mws-textinput" id="dp1437632832387" readonly/>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- End Main Container -->

        <!-- Footer -->
        <div id="mws-footer">
            Copyright &copy; 2014.Company name All rights reserved.<a target="_blank"
                                                                      href="http://www.huiyi8.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
        </div>
        <!-- End Footer -->

    </div>
    <!-- End Container Wrapper -->

</div>
<!-- End Main Wrapper -->
</body>
</html>